<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>球员管理系统</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>
<!-- 顶部 -->
<header class="top-header">
    <div class="container">
        <img src="../images/3.jpg" alt="系统图标" class="system-icon">
        <h1>球员管理系统</h1>
    </div>
</header>

<!-- 中间 -->
<main class="middle-section">
    <div class="slider">
        <div class="slide active">
            <img src="../images/wz1.jpg" alt="轮播图1">
        </div>
        <div class="slide">
            <img src="../images/wz2.jpg" alt="轮播图2">
        </div>
        <div class="slide">
            <img src="../images/wz3.jpg" alt="轮播图3">
        </div>
    </div>

    <div class="login-info">
        <div class="container">
            <div class="login-box">
                <h2>欢迎使用球员管理系统</h2>
                <h3>· 高效管理球队信息</h3>
                <h3>· 轻松查看球员数据</h3>
                <h3>· 实时更新比赛成绩</h3>
                <div class="login-buttons">
                    <h5>立刻加入</h5>
                    <button onclick="redirectToLogin()">登录</button>
                </div>
            </div>
        </div>
    </div>
</main>

<!-- 图片 -->
<footer class="bottom-footer">
    <div class="container footer-content">
        <h2>·著名国际球星·</h2>
        <div class="gallery">
            <div class="gallery-item">
                <img src="../images/wz4.jpg" alt="球员1">
                <p>勒布朗·詹姆斯</p>
            </div>
            <div class="gallery-item">
                <img src="../images/wz5.jpg" alt="球员2">
                <p>迈克尔·乔丹</p>
            </div>
            <div class="gallery-item">
                <img src="../images/wz6.jpg" alt="球员3">
                <p>科比·布莱恩特</p>
            </div>
            <div class="gallery-item">
                <img src="../images/wz7.jpg" alt="球员4">
                <p>斯蒂芬·库里</p>
            </div>
            <div class="gallery-item">
                <img src="../images/wz8.jpg" alt="球员5">
                <p>克里斯托弗·奥尼尔</p>
            </div>
        </div>
        <h2>·著名球员教练·</h2>
        <div class="gallery">
            <div class="gallery-item">
                <img src="../images/wz9.jpg" alt="教练1">
                <p>格雷格·波波维奇</p>
            </div>
            <div class="gallery-item">
                <img src="../images/wz10.jpg" alt="教练2">
                <p>史蒂夫·科尔</p>
            </div>
            <div class="gallery-item">
                <img src="../images/wz11.jpg" alt="教练3">
                <p>帕特·莱利</p>
            </div>
            <div class="gallery-item">
                <img src="../images/wz12.jpg" alt="教练4">
                <p>菲尔·杰克逊</p>
            </div>
            <div class="gallery-item">
                <img src="../images/wz13.jpg" alt="教练5">
                <p>兰尼·威尔肯斯</p>
            </div>
        </div>
    </div>

    <!-- 返回顶部按钮 -->
    <button class="back-to-top" onclick="scrollToTop()">回到顶部</button>

    <!--页脚-->
    <footer class="bottom-footer">
        <div class="container footer-content">
            <div class="footer-bottom">
                <h3>版权 © 2024 佳辉传媒 保留所有权利</h3>
                <h4>
                    <a href="https://www.tencent.com/zh-cn/privacy-policy.html" target="_blank">隐私政策</a> |
                    <a href="https://www.tencent.com/zh-cn/service-agreement.html" target="_blank">服务条款</a> |
                    <a href="https://www.huawei.com/cn/contact-us" target="_blank">联系我们</a>
                </h4>
            </div>
        </div>
    </footer>
</footer>

<script src="script.js"></script>

</body>
</html>
